<div class="main-box" [ngStyle]="tagData.cssStyle | styleFilter">
    <div class="adviser-box">

        <ng-container *ngIf="tagData.data?.invite?.layout&&tagData.data?.invite?.layout==='left'">
            <div class="ad-left" appDebounceClick (debounceClick)="buttonClick(tagData.data?.invite)">
                <img class="left-img" src='{{tagData.data.invite?.head}}'
                    onerror="this.src='assets/icon/details_icon_invite@3x.png'" />
                <div class="left-content">
                    <p class="left-title">{{tagData.data.invite?.label}}</p>
                    <p class="left-sub-title">{{tagData.data.invite?.notes}}</p>
                </div>
            </div>
            <div class="ad-right" appDebounceClick (debounceClick)="buttonClick(tagData.data?.adviser)">
                <img class="right-img" src='{{tagData.data.adviser?.head}}'
                    onerror="this.src='assets/img/headtrait.png'" />
                <div class="right-content">
                    <div class="right-title-box">
                        <font class="right-title-font">{{tagData.data.adviser?.label}}</font>
                        <img class="right-title-arrow" src="assets/icon/arrow_icon_right_black@3x.png" />
                    </div>
                    <p class="right-sub-title">{{tagData.data.adviser?.notes}}</p>
                </div>
            </div>
        </ng-container>
        <ng-container *ngIf="tagData.data?.invite?.layout&&tagData.data?.invite?.layout==='right'">
            <div class="ad-right" appDebounceClick (debounceClick)="buttonClick(tagData.data?.adviser)" style="margin-left: 0rem !important;">
                <img class="right-img" src='{{tagData.data.adviser?.head}}'
                    onerror="this.src='assets/img/headtrait.png'" />
                <div class="right-content">
                    <div class="right-title-box">
                        <font class="right-title-font">{{tagData.data.adviser?.label}}</font>
                        <img class="right-title-arrow" src="assets/icon/arrow_icon_right_black@3x.png" />
                    </div>
                    <p class="right-sub-title">{{tagData.data.adviser?.notes}}</p>
                </div>
            </div>
            <div class="ad-left" appDebounceClick (debounceClick)="buttonClick(tagData.data?.invite)" style="margin-left: 0.63rem !important;">
                <img class="left-img" src='{{tagData.data.invite?.head}}'
                    onerror="this.src='assets/icon/details_icon_invite@3x.png'" />
                <div class="left-content">
                    <p class="left-title">{{tagData.data.invite?.label}}</p>
                    <p class="left-sub-title">{{tagData.data.invite?.notes}}</p>
                </div>
            </div>
        </ng-container>
        <ng-container *ngIf="!tagData.data?.invite?.layout">
            <div class="ad-left" appDebounceClick (debounceClick)="buttonClick(tagData.data?.invite)">
                <img class="left-img" src='{{tagData.data.invite?.head}}'
                    onerror="this.src='assets/icon/details_icon_invite@3x.png'" />
                <div class="left-content">
                    <p class="left-title">{{tagData.data.invite?.label}}</p>
                    <p class="left-sub-title">{{tagData.data.invite?.notes}}</p>
                </div>
            </div>
            <div class="ad-right" appDebounceClick (debounceClick)="buttonClick(tagData.data?.adviser)">
                <img class="right-img" src='{{tagData.data.adviser?.head}}'
                    onerror="this.src='assets/img/headtrait.png'" />
                <div class="right-content">
                    <div class="right-title-box">
                        <font class="right-title-font">{{tagData.data.adviser?.label}}</font>
                        <img class="right-title-arrow" src="assets/icon/arrow_icon_right_black@3x.png" />
                    </div>
                    <p class="right-sub-title">{{tagData.data.adviser?.notes}}</p>
                </div>
            </div>
        </ng-container>
    </div>
    <!--放详情里面处理-->
    <!-- <div class="recommend-shop">
        <div class="left-link" appDebounceClick (debounceClick)="buttonClick(tagData.data?.recommend)">
            <p class="left-title" [innerHTML]="tagData.data.recommend?.label | parseStyle"></p>
            <img class="arrow-right" src="assets/icon/arrow_icon_right_black@3x.png" />
        </div>
        <button class="right-button" appDebounceClick (debounceClick)="buttonClick(tagData.data?.me_recommend)"><label
                class="btn-label">{{tagData.data.me_recommend?.label}}</label></button>
    </div> -->
</div>